
.menu {
    position: relative;
    height: 100%;
}
.btn-fold-menu.retract {
    right: -17px;
    border: 1px solid #c7e0ef;
    border-left: none;
    border-radius: 0 3px 3px 0;
    background: url(./top-menu.png) -87px -40px no-repeat #f0f6f6;
}
.btn-fold-menu {
    line-height: 100;
    position: absolute;
    top: 21px;
    right: -1px;
    overflow: hidden;
    width: 16px;
    height: 36px;
    border: 1px solid #c7e0ef;
    border-right: none;
    border-radius: 3px 0 0 3px;
    background: url(./top-menu.png) -72px -40px no-repeat #f7fdfd;
    z-index: 100;
}
.aside {
    overflow:hidden;
    position: relative;
    width: 199px;
    background-color: #f0f6f6;
    border-right: 1px solid #cedfea;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    .line-mod{
        width: 156px;
        height: 0;
        margin: 0 auto 15px;
        border: none;
        border-top: 1px solid #cadbe6;
        border-bottom: 1px solid #f8fbfb;
    }
    h2{
        font-size: 22px;
        font-weight: 400;
        line-height: 36px;
        line-height: 1.2;
        display: block;
        padding: 0 20px;
        color: #171d25;
        height: 62px;
        &>span{
            display: inline-block;
            vertical-align: middle;
        }
        &:before{
            content: '';
            width: 0;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }
    }
    .menu-list{
        font-size: 14px;
        line-height: 35px;
        overflow: auto;
        position: absolute;
        width: 100%;
        top: 75px;
        bottom: 0;
        padding-top: 15px;
        dd{
            position: relative;
            width: 100%;
        }
        dd ul.menu-sub {
            display: none;
        }
        dd.act {
            ul.menu-sub{
                display: block;
            }
        }
        a {
            color: #586376;
            span{
                display: inline-block;
                vertical-align: middle;
            }
        }
        a:active {
            color: #2277da;
        }
        a:hover {
            font-weight: 400;
            //color: #2277da;
            color:white;
            //background-color: #e2eaf3;
            background-color: #557190;
        }
        a.act {
            font-weight: 700;
            .ico-dot {
                width: 7px;
                height: 7px;
                margin: 0 14px 0 28px;
                background-color: inherit;
                background-position: 0 -77px;
            }
        }
        a.act, a:active {
            //color: #2277da;
            color:white;
        }

    }
}
.act {
    //background-color: #d5e2ef;
    background-color: #5b636b;
}
.white-down-icon{
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

b, em, i {
    font-style: normal;
    font-weight: 400;
}
.white-down-icon {
    width: 11px;
    height: 6px;
    background-image: url(./sprite.png);
    background-position: -105px -213px;
}
.menu-lv3 {
    display: block;
}
.menu-lv2 {
    line-height: 36px;
    display: block;
    span {
        font-weight: 700;
        margin-left: 25px;
    }
    .white-down-icon {
        position: absolute;
        right: 24px;
        top: 15px;
        overflow: hidden;
    }
}

.ico-add-menu, .ico-exit, .menu a.act .ico-dot, .top-menu-arrows, .user-msg-btn {
    background: url(./top-menu.png);
}
.menu-list .ico-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 14px 0 29px;
    vertical-align: middle;
}
.menu a.act, .menu a:active {
    color: #2277da;
}
.menu a.act .ico-dot {
    width: 7px;
    height: 7px;
    margin: 0 14px 0 28px;
    background-color: inherit;
    background-position: 0 -77px;
}
.menu-list .ico-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 14px 0 29px;
    vertical-align: middle;
    border-radius: 5px;
    background: #b2becd;
}